﻿@{
    ViewBag.Title = "Create";
}
    <div class="row">
        <div class="col-md-5">
            <div class="grid simple">
                <div class="grid-title no-border">
                    <h4><span class="semi-bold">Category</span></h4>
                    <h5>Add category</h5>                 
                </div>
                <div class="grid-body no-border">
                    <br>
                    <div class="row">
                        <div class="col-md-8 col-sm-8 col-xs-8">                          
                                <div class="form-group">
                                    <p id="msg"></p>
                                    <label class="form-label">Name</label>
                                    <span class="help"></span>
                                    <div class="controls">
                                        <input type="text" name="name" id="name" class="form-control">
                                    </div>
                                    <p>The name is how it appears on your site.</p>
                                </div>
                                <div class="form-group">
                                    <label class="form-label">Slug</label>
                                    <span class="help"></span>
                                    <div class="controls">
                                        <input type="text" name="slug" id="slug" class="form-control">
                                    </div>
                                    <p> The “slug” is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens.</p>
                                </div>
                            <div class="form-group">
                                <label class="form-label">Parent</label>
                                <input type="hidden" value="" style="width:300px" id="e12" tabindex="-1" class="select2-offscreen">
                                <select id="remote" style="width:100%">
                                    <option value="1">Loading...</option>
                                </select>
                            </div>
                                <div class="form-group">
                                    <label class="form-label">Description</label>
                                    <span class="help"></span>
                                    <div class="controls">                                        
                                        <textarea name="description" class="form-control"></textarea>
                                    </div>
                                </div>
                            
                            <button type="button" id="AddCat" class="btn btn-primary btn-cons">Add</button> 
                                                                          
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-7">
            <!--list category -->
            <div class="grid simple ">
                <div class="grid-title">
                    <h4>Category</h4>
                    <div class="tools"> <a href="javascript:;" class="collapse"></a> <a href="#grid-config" data-toggle="modal" class="config"></a> <a href="javascript:;" class="reload"></a> <a href="javascript:;" class="remove"></a> </div>
                </div>
                <div class="grid-body ">
                    <div id="example_wrapper" class="dataTables_wrapper form-inline" role="grid">
                        @Html.Action("AjxaGetCategory", "edittags")
                    </div>
                </div>
            </div>
        </div>
    </div>     
    <!-- END PAGE -->

